﻿.auto-complete {
    --bb-ac-padding-right: 30px;
    --bb-ac-menu-top: 40px;
    --bb-ac-menu-left: 0;
    --bb-ac-menu-right: 0;
    --bb-ac-menu-max-height: 300px;
    --bb-ac-menu-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);
    --bb-ac-menu-spin-top: 10.5px;
    --bb-ac-menu-spin-right: .5rem;
    position: relative;
}

    .auto-complete input {
        padding-right: var(--bb-ac-padding-right);
    }

    .auto-complete .dropdown-menu {
        top: var(--bb-ac-menu-top);
        left: var(--bb-ac-menu-left);
        right: var(--bb-ac-menu-right);
        max-height: var(--bb-ac-menu-max-height);
        box-shadow: var(--bb-ac-menu-shadow);
        overflow: auto;
    }

    .auto-complete .fa-spin {
        position: absolute;
        top: var(--bb-ac-menu-spin-top);
        right: var(--bb-ac-menu-spin-right);
        display: none;
    }

    .auto-complete.is-loading .fa-spin {
        display: inline-block;
    }

.search .auto-complete .fa-spin {
    position: unset;
    display: inline-block;
}

.dropdown-item {
    cursor: pointer;
}
